
<aside class="case-sidebar" role="complementary">
    <nav id="myAffix" class="sidebar affix-top">
        <div id="my_menu" class="sdmenu">
            <div class="collapsed">
                <span>在线工具<i class="fa fa-angle-down"></i></span>
                <a href="#">图像优化</a>
                <a href="#">收藏夹图标生成器</a>
                <a href="#">邮件出谜语的人</a>
                <a href="#">htaccess密码</a>
                <a href="#">梯度图像</a>
                <a href="#">按钮生成器</a>
            </div>
            <div>
                <span>支持我们<i class="fa fa-angle-down"></i></span>
                <a href="#">推荐我们</a>
                <a href="#">链接我们</a>
                <a href="#">网络资源</a>
            </div>
            <div>
                <span>合作伙伴<i class="fa fa-angle-down"></i></span>
                <a href="#">JavaScript工具包</a>
                <a href="#">CSS驱动</a>
                <a href="#">CodingForums</a>
                <a href="#">CSS例子</a>
            </div>
            <div>
                <span>测试电流<i class="fa fa-angle-down"></i></span>
                <a href="#">Current or not</a>
                <a href="#">Current or not</a>
                <a href="#">Current or not</a>
                <a href="#">Current or not</a>
            </div>
        </div>
    </nav>
</aside>
<script>
    $('#myAffix').affix({
        offset: {
            top: 400,
            bottom: function () {
                return (this.bottom = $('.footer').outerHeight(true))
            }
        }
    })
</script>